<?php $this->load->view($view_path.'/common/header.php');?>
	<div class="row-fluid">

		<!-- start: Main Menu -->
		<?php echo $this->load->view($view_path.'common/nav_left.php')?>
		<!-- end: Main Menu -->

		<!-- start: Content -->
		<div class="span10" id="content" style="min-height: 558px;">


			<div class="row-fluid">

				<div ondesktop="span3" ontablet="span6"
					class="span3 smallstat box mobileHalf">
					<div class="boxchart-overlay blue">
						<div class="boxchart">
							<canvas
								style="display: inline-block; width: 64px; height: 30px; vertical-align: top;"
								width="64" height="30"></canvas>
						</div>
					</div>
					<span class="title">Clients</span> <span class="value">4 589</span>
				</div>

				<div ondesktop="span3" ontablet="span6"
					class="span3 smallstat box mobileHalf">
					<div class="boxchart-overlay red">
						<div class="boxchart">
							<canvas
								style="display: inline-block; width: 64px; height: 30px; vertical-align: top;"
								width="64" height="30"></canvas>
						</div>
					</div>
					<span class="title">Transactions</span> <span class="value">789</span>
				</div>

				<div ondesktop="span3" ontablet="span6"
					class="span3 smallstat box mobileHalf noMargin">
					<i class="icon-download-alt green"></i> <span class="title">Income</span>
					<span class="value">$1 999,99</span>
				</div>

				<div ondesktop="span3" ontablet="span6"
					class="span3 smallstat mobileHalf box">
					<i class="icon-money yellow"></i> <span class="title">Account</span>
					<span class="value">$19 999,99</span>
				</div>

			</div>

			<div class="row-fluid">

				<div class="main-chart">

					<div class="bar">

						<div class="title">JAN</div>
						<div class="value" style="height: 80%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">FEB</div>
						<div class="value" style="height: 60%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">MAR</div>
						<div class="value" style="height: 50%;"></div>

					</div>

					<div class="bar">

						<div class="title">APR</div>
						<div class="value" style="height: 40%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">MAY</div>
						<div class="value" style="height: 10%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">JUN</div>
						<div class="value" style="height: 30%;"></div>

					</div>

					<div class="bar">

						<div class="title">JUL</div>
						<div class="value" style="height: 50%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">AUG</div>
						<div class="value" style="height: 65%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">SEP</div>
						<div class="value" style="height: 40%;"></div>

					</div>

					<div class="bar">

						<div class="title">OCT</div>
						<div class="value" style="height: 32%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">NOV</div>
						<div class="value" style="height: 20%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">DEC</div>
						<div class="value" style="height: 10%;"></div>

					</div>

					<div class="bar">

						<div class="title">JAN</div>
						<div class="value" style="height: 100%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">FEB</div>
						<div class="value" style="height: 60%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">MAR</div>
						<div class="value" style="height: 50%;"></div>

					</div>

					<div class="bar">

						<div class="title">APR</div>
						<div class="value" style="height: 40%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">MAY</div>
						<div class="value" style="height: 10%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">JUN</div>
						<div class="value" style="height: 30%;"></div>

					</div>

					<div class="bar">

						<div class="title">JUL</div>
						<div class="value" style="height: 50%;"></div>

					</div>

					<div class="bar simple">

						<div class="title">AUG</div>
						<div class="value" style="height: 65%;"></div>

					</div>

				</div>

			</div>

			<div class="row-fluid">

				<div ondesktop="span6" ontablet="span12" class="span6">

					<div class="row-fluid">
						<div class="span12 multi-stat-box box">
							<div class="header row-fluid">
								<div class="left">
									<h2>Pageviews</h2>
									<a class="icon-chevron-down"></a>
								</div>
								<div class="right">
									<h2>MAY 15 - MAY 22</h2>
									<div class="percent">
										<i class="icon-double-angle-up"></i> 22%
									</div>
								</div>
							</div>
							<div class="content row-fluid">
								<div class="left">
									<ul>
										<li><span class="date">Overall</span> <span class="value">987,123</span>
										</li>
										<li class="active"><span class="date">This week</span> <span
											class="value">9,873</span></li>
										<li><span class="date">Yesterday</span> <span class="value">851</span>
										</li>
										<li><span class="date">Today</span> <span class="value">184</span>
										</li>
									</ul>
								</div>
								<div class="right">
									<div
										style="height: 180px; width: 90%; padding: 0px; position: relative;"
										class="multi-stat-box-chart">
										<canvas class="base" width="306" height="180"></canvas>
										<canvas class="overlay" width="306" height="180"
											style="position: absolute; left: 0px; top: 0px;"></canvas>
										<div style="font-size: smaller" class="tickLabels">
											<div style="color: #c7cbd5" class="xAxis x1Axis">
												<div
													style="position: absolute; text-align: center; left: 0px; top: 160px; width: 38px"
													class="tickLabel">SUN</div>
												<div
													style="position: absolute; text-align: center; left: 40px; top: 160px; width: 38px"
													class="tickLabel">MON</div>
												<div
													style="position: absolute; text-align: center; left: 81px; top: 160px; width: 38px"
													class="tickLabel">TUE</div>
												<div
													style="position: absolute; text-align: center; left: 121px; top: 160px; width: 38px"
													class="tickLabel">WED</div>
												<div
													style="position: absolute; text-align: center; left: 161px; top: 160px; width: 38px"
													class="tickLabel">THR</div>
												<div
													style="position: absolute; text-align: center; left: 202px; top: 160px; width: 38px"
													class="tickLabel">FRI</div>
												<div
													style="position: absolute; text-align: center; left: 242px; top: 160px; width: 38px"
													class="tickLabel">SAT</div>
												<div
													style="position: absolute; text-align: center; left: 283px; top: 160px; width: 38px"
													class="tickLabel">SUN</div>
											</div>
											<div style="color: #fff" class="yAxis y1Axis">
												<div
													style="position: absolute; text-align: right; top: 143px; right: 294px; width: 12px"
													class="tickLabel">20</div>
												<div
													style="position: absolute; text-align: right; top: 113px; right: 294px; width: 12px"
													class="tickLabel">30</div>
												<div
													style="position: absolute; text-align: right; top: 84px; right: 294px; width: 12px"
													class="tickLabel">40</div>
												<div
													style="position: absolute; text-align: right; top: 54px; right: 294px; width: 12px"
													class="tickLabel">50</div>
												<div
													style="position: absolute; text-align: right; top: 24px; right: 294px; width: 12px"
													class="tickLabel">60</div>
												<div
													style="position: absolute; text-align: right; top: -5px; right: 294px; width: 12px"
													class="tickLabel">70</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="box blue span12 noMarginLeft">
							<div class="box-header">
								<h2>
									<i class="icon-bar-chart"></i>Weekly Stat
								</h2>
								<div class="box-icon">
									<a class="btn-minimize" href="#"><i class="icon-chevron-up"></i></a>
									<a class="btn-close" href="#"><i class="icon-remove"></i></a>
								</div>
							</div>
							<div class="box-content">
								<div style="height: 170px; padding: 0px; position: relative;"
									class="chart-type1">
									<canvas class="base" width="546" height="170"></canvas>
									<canvas class="overlay" width="546" height="170"
										style="position: absolute; left: 0px; top: 0px;"></canvas>
									<div style="font-size: smaller" class="tickLabels">
										<div style="color: #545454" class="xAxis x1Axis">
											<div
												style="position: absolute; text-align: center; left: -12px; top: 150px; width: 60px"
												class="tickLabel">0</div>
											<div
												style="position: absolute; text-align: center; left: 72px; top: 150px; width: 60px"
												class="tickLabel">5</div>
											<div
												style="position: absolute; text-align: center; left: 156px; top: 150px; width: 60px"
												class="tickLabel">10</div>
											<div
												style="position: absolute; text-align: center; left: 241px; top: 150px; width: 60px"
												class="tickLabel">15</div>
											<div
												style="position: absolute; text-align: center; left: 325px; top: 150px; width: 60px"
												class="tickLabel">20</div>
											<div
												style="position: absolute; text-align: center; left: 409px; top: 150px; width: 60px"
												class="tickLabel">25</div>
											<div
												style="position: absolute; text-align: center; left: 494px; top: 150px; width: 60px"
												class="tickLabel">30</div>
										</div>
										<div style="color: #545454" class="yAxis y1Axis">
											<div
												style="position: absolute; text-align: right; top: 135px; right: 534px; width: 12px"
												class="tickLabel">0</div>
											<div
												style="position: absolute; text-align: right; top: 107px; right: 534px; width: 12px"
												class="tickLabel">2</div>
											<div
												style="position: absolute; text-align: right; top: 79px; right: 534px; width: 12px"
												class="tickLabel">4</div>
											<div
												style="position: absolute; text-align: right; top: 51px; right: 534px; width: 12px"
												class="tickLabel">6</div>
											<div
												style="position: absolute; text-align: right; top: 23px; right: 534px; width: 12px"
												class="tickLabel">8</div>
											<div
												style="position: absolute; text-align: right; top: -5px; right: 534px; width: 12px"
												class="tickLabel">10</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--/span-->

					</div>

				</div>

				<div ondesktop="span6" ontablet="span12"
					class="box blue span6 noMargin">
					<div class="box-header">
						<h2>Revenue</h2>
					</div>
					<div class="box-content">

						<div style="height: 220px; padding: 0px;" class="chart-type2">
							<canvas class="base" width="526" height="220"></canvas>
							<canvas class="overlay" width="526" height="220"
								style="position: absolute; left: 0px; top: 0px;"></canvas>
							<div style="font-size: smaller" class="tickLabels">
								<div style="color: #fff" class="xAxis x1Axis">
									<div
										style="position: absolute; text-align: center; left: 27px; top: 200px; width: 75px"
										class="tickLabel">2</div>
									<div
										style="position: absolute; text-align: center; left: 119px; top: 200px; width: 75px"
										class="tickLabel">4</div>
									<div
										style="position: absolute; text-align: center; left: 210px; top: 200px; width: 75px"
										class="tickLabel">6</div>
									<div
										style="position: absolute; text-align: center; left: 301px; top: 200px; width: 75px"
										class="tickLabel">8</div>
									<div
										style="position: absolute; text-align: center; left: 393px; top: 200px; width: 75px"
										class="tickLabel">10</div>
									<div
										style="position: absolute; text-align: center; left: 484px; top: 200px; width: 75px"
										class="tickLabel">12</div>
								</div>
								<div style="color: #fff" class="yAxis y1Axis">
									<div
										style="position: absolute; text-align: right; top: 183px; right: 514px; width: 12px"
										class="tickLabel">30</div>
									<div
										style="position: absolute; text-align: right; top: 152px; right: 514px; width: 12px"
										class="tickLabel">40</div>
									<div
										style="position: absolute; text-align: right; top: 120px; right: 514px; width: 12px"
										class="tickLabel">50</div>
									<div
										style="position: absolute; text-align: right; top: 89px; right: 514px; width: 12px"
										class="tickLabel">60</div>
									<div
										style="position: absolute; text-align: right; top: 57px; right: 514px; width: 12px"
										class="tickLabel">70</div>
									<div
										style="position: absolute; text-align: right; top: 26px; right: 514px; width: 12px"
										class="tickLabel">80</div>
									<div
										style="position: absolute; text-align: right; top: -5px; right: 514px; width: 12px"
										class="tickLabel">90</div>
								</div>
							</div>
						</div>

						<div class="verticalChart">

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 37%;"></div>

								</div>

								<div class="title">US</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 16%;"></div>

								</div>

								<div class="title">PL</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 12%;"></div>

								</div>

								<div class="title">GB</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 9%;"></div>

								</div>

								<div class="title">DE</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 7%;"></div>

								</div>

								<div class="title">NL</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 6%;"></div>

								</div>

								<div class="title">CA</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 5%;"></div>

								</div>

								<div class="title">FI</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 4%;"></div>

								</div>

								<div class="title">RU</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 3%;"></div>

								</div>

								<div class="title">AU</div>

							</div>

							<div class="singleBar">

								<div class="bar">

									<div class="value" style="height: 1%;"></div>

								</div>

								<div class="title">N/A</div>

							</div>

						</div>

						<div class="clearfix"></div>

					</div>

				</div>
				<!--/span-->

			</div>

			<div class="row-fluid">

				<div ondesktop="span7" ontablet="span12" class="span7">

					<div class="row-fluid">

						<div class="box calendar span12">
							<div class="calendar-details">
								<div class="day">MONDAY</div>
								<div class="date">MAY 22</div>
								<ul class="events">
									<li>MAY 22, 19:30 Meeting</li>
									<li>MAY 22, 19:30 Meeting</li>
								</ul>
								<div class="add-event">
									<i class="icon-plus"></i> <input type="text" value=""
										class="new event">
								</div>
							</div>
							<div class="calendar-small fc fc-ltr">
								<table style="width: 100%" class="fc-header">
									<tbody>
										<tr>
											<td class="fc-header-left"><span
												class="fc-button fc-button-prev fc-state-default fc-corner-left"
												unselectable="on" style="-moz-user-select: none;"><span
													class="fc-text-arrow">‹</span></span><span
												class="fc-button fc-button-next fc-state-default"
												unselectable="on" style="-moz-user-select: none;"><span
													class="fc-text-arrow">›</span></span><span
												class="fc-button fc-button-today fc-state-default fc-corner-right fc-state-disabled"
												unselectable="on" style="-moz-user-select: none;">today</span></td>
											<td class="fc-header-center"></td>
											<td class="fc-header-right"><span class="fc-header-title"><h2>November
														2013</h2></span></td>
										</tr>
									</tbody>
								</table>
								<div style="position: relative; min-height: 1px;"
									class="fc-content">
									<div
										style="position: relative; -moz-user-select: none; min-height: 1px;"
										class="fc-view fc-view-month fc-grid" unselectable="on">
										<div style="position: absolute; z-index: 8; top: 0; left: 0">
											<div
												style="position: absolute; z-index: 8; left: 0px; width: 266.6px; top: 61px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-end">
												<div class="fc-event-inner">
													<span class="fc-event-title">Long Event</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												style="position: absolute; z-index: 8; left: 283.6px; width: 38px; top: 61px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end">
												<div class="fc-event-inner">
													<span class="fc-event-time">8a</span><span
														class="fc-event-title">Repeating Event</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												style="position: absolute; z-index: 8; left: 283.6px; width: 38px; top: 99px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end">
												<div class="fc-event-inner">
													<span class="fc-event-time">8a</span><span
														class="fc-event-title">Repeating Event</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												style="position: absolute; z-index: 8; left: 8.60001px; width: 38px; top: 137px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end">
												<div class="fc-event-inner">
													<span class="fc-event-time">11:30a</span><span
														class="fc-event-title">Meeting</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												style="position: absolute; z-index: 8; left: 63.6px; width: 38px; top: 137px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end">
												<div class="fc-event-inner">
													<span class="fc-event-time">7:30p</span><span
														class="fc-event-title">Birthday Party</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<div
												style="position: absolute; z-index: 8; left: 8.60001px; width: 38px; top: 139px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end">
												<div class="fc-event-inner">
													<span class="fc-event-time">2p</span><span
														class="fc-event-title">Lunch</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div>
											</div>
											<a
												style="position: absolute; z-index: 8; left: 173.6px; width: 93px; top: 177px;"
												class="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end"
												href="http://google.com/"><div class="fc-event-inner">
													<span class="fc-event-title">Click for Google</span>
												</div>
												<div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></a>
										</div>
										<table cellspacing="0" style="width: 100%"
											class="fc-border-separate">
											<thead>
												<tr class="fc-first fc-last">
													<th class="fc-day-header fc-sun fc-widget-header fc-first"
														style="width: 41.8px;">Sun</th>
													<th class="fc-day-header fc-mon fc-widget-header"
														style="width: 41.8px;">Mon</th>
													<th class="fc-day-header fc-tue fc-widget-header"
														style="width: 41.8px;">Tue</th>
													<th class="fc-day-header fc-wed fc-widget-header"
														style="width: 41.8px;">Wed</th>
													<th class="fc-day-header fc-thu fc-widget-header"
														style="width: 41.8px;">Thu</th>
													<th class="fc-day-header fc-fri fc-widget-header"
														style="width: 41.8px;">Fri</th>
													<th class="fc-day-header fc-sat fc-widget-header fc-last">Sat</th>
												</tr>
											</thead>
											<tbody>
												<tr class="fc-week fc-first">
													<td data-date="2013-10-27"
														class="fc-day fc-sun fc-widget-content fc-other-month fc-first"><div
															style="min-height: 29.8px;">
															<div class="fc-day-number">27</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-10-28"
														class="fc-day fc-mon fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">28</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-10-29"
														class="fc-day fc-tue fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">29</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-10-30"
														class="fc-day fc-wed fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">30</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-10-31"
														class="fc-day fc-thu fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">31</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-01"
														class="fc-day fc-fri fc-widget-content"><div>
															<div class="fc-day-number">1</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-02"
														class="fc-day fc-sat fc-widget-content fc-last"><div>
															<div class="fc-day-number">2</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week">
													<td data-date="2013-11-03"
														class="fc-day fc-sun fc-widget-content fc-first"><div
															style="min-height: 28.8px;">
															<div class="fc-day-number">3</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-04"
														class="fc-day fc-mon fc-widget-content"><div>
															<div class="fc-day-number">4</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-05"
														class="fc-day fc-tue fc-widget-content"><div>
															<div class="fc-day-number">5</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-06"
														class="fc-day fc-wed fc-widget-content"><div>
															<div class="fc-day-number">6</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-07"
														class="fc-day fc-thu fc-widget-content"><div>
															<div class="fc-day-number">7</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-08"
														class="fc-day fc-fri fc-widget-content"><div>
															<div class="fc-day-number">8</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-09"
														class="fc-day fc-sat fc-widget-content fc-last"><div>
															<div class="fc-day-number">9</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week">
													<td data-date="2013-11-10"
														class="fc-day fc-sun fc-widget-content fc-today fc-state-highlight fc-first"><div
															style="min-height: 28.8px;">
															<div class="fc-day-number">10</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-11"
														class="fc-day fc-mon fc-widget-content"><div>
															<div class="fc-day-number">11</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-12"
														class="fc-day fc-tue fc-widget-content"><div>
															<div class="fc-day-number">12</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-13"
														class="fc-day fc-wed fc-widget-content"><div>
															<div class="fc-day-number">13</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-14"
														class="fc-day fc-thu fc-widget-content"><div>
															<div class="fc-day-number">14</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-15"
														class="fc-day fc-fri fc-widget-content"><div>
															<div class="fc-day-number">15</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-16"
														class="fc-day fc-sat fc-widget-content fc-last"><div>
															<div class="fc-day-number">16</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 4px;">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week">
													<td data-date="2013-11-17"
														class="fc-day fc-sun fc-widget-content fc-first"><div
															style="min-height: 28.8px;">
															<div class="fc-day-number">17</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-18"
														class="fc-day fc-mon fc-widget-content"><div>
															<div class="fc-day-number">18</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-19"
														class="fc-day fc-tue fc-widget-content"><div>
															<div class="fc-day-number">19</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-20"
														class="fc-day fc-wed fc-widget-content"><div>
															<div class="fc-day-number">20</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-21"
														class="fc-day fc-thu fc-widget-content"><div>
															<div class="fc-day-number">21</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-22"
														class="fc-day fc-fri fc-widget-content"><div>
															<div class="fc-day-number">22</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-23"
														class="fc-day fc-sat fc-widget-content fc-last"><div>
															<div class="fc-day-number">23</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 2px;">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week">
													<td data-date="2013-11-24"
														class="fc-day fc-sun fc-widget-content fc-first"><div
															style="min-height: 28.8px;">
															<div class="fc-day-number">24</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-25"
														class="fc-day fc-mon fc-widget-content"><div>
															<div class="fc-day-number">25</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-26"
														class="fc-day fc-tue fc-widget-content"><div>
															<div class="fc-day-number">26</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-27"
														class="fc-day fc-wed fc-widget-content"><div>
															<div class="fc-day-number">27</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-28"
														class="fc-day fc-thu fc-widget-content"><div>
															<div class="fc-day-number">28</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-29"
														class="fc-day fc-fri fc-widget-content"><div>
															<div class="fc-day-number">29</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-11-30"
														class="fc-day fc-sat fc-widget-content fc-last"><div>
															<div class="fc-day-number">30</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
												</tr>
												<tr class="fc-week fc-last">
													<td data-date="2013-12-01"
														class="fc-day fc-sun fc-widget-content fc-other-month fc-first"><div
															style="min-height: 29.8px;">
															<div class="fc-day-number">1</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-12-02"
														class="fc-day fc-mon fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">2</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-12-03"
														class="fc-day fc-tue fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">3</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-12-04"
														class="fc-day fc-wed fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">4</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-12-05"
														class="fc-day fc-thu fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">5</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-12-06"
														class="fc-day fc-fri fc-widget-content fc-other-month"><div>
															<div class="fc-day-number">6</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
													<td data-date="2013-12-07"
														class="fc-day fc-sat fc-widget-content fc-other-month fc-last"><div>
															<div class="fc-day-number">7</div>
															<div class="fc-day-content">
																<div style="position: relative; height: 0px;">&nbsp;</div>
															</div>
														</div></td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
						<!--/span-->

					</div>

					<div class="row-fluid">

						<div class="span6 smallchart blue box mobileHalf">

							<div class="title">Account balance</div>

							<div class="content">

								<div class="chart-stat">
									<span class="chart white"><canvas
											style="display: inline-block; width: 292px; height: 40px; vertical-align: top;"
											width="292" height="40"></canvas></span>
								</div>

							</div>

							<div class="value">$19 999,99</div>

						</div>

						<div class="span6 smallchart red box mobileHalf">

							<div class="title">Weekly revenue</div>

							<div class="content">

								<div class="chart-stat">
									<span class="chart white"><canvas
											style="display: inline-block; width: 292px; height: 40px; vertical-align: top;"
											width="292" height="40"></canvas></span>
								</div>

							</div>

							<div class="value">$1 849,99</div>

						</div>

					</div>

				</div>


				<div ondesktop="span5" ontablet="span12"
					class="box chat alt span5 noMargin">

					<div class="contacts">
						<ul class="list">
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar.jpg" class="avatar"> <span
								class="name">Łukasz Holeczek</span> <span class="status online"></span>
								<span class="important">4</span></li>
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar2.jpg" class="avatar"> <span
								class="name">Łukasz Holeczek</span> <span class="status offline"></span>
							</li>
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar3.jpg" class="avatar"> <span
								class="name">Łukasz Holeczek</span> <span class="status busy"></span>
							</li>
						</ul>
					</div>
					<div class="conversation">
						<div class="actions">
							<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar.jpg" class="avatar"> <img
								alt="avatar" src="<?php echo $theme_path.'images/'?>avatar3.jpg" class="avatar"> <img
								alt="avatar" src="<?php echo $theme_path.'images/'?>avatar4.jpg" class="avatar">
						</div>
						<ul class="talk">
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar3.jpg" class="avatar"> <span
								class="name">Ann Kovalsky</span> <span class="time">1:32PM</span>
								<div class="message">Lorem ipsum dolor sit amet, consectetuer
									adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
									laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
									minim veniam, quis nostrud exerci tation ullamcorper suscipit
									lobortis nisl ut aliquip ex ea commodo consequat.</div></li>
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar4.jpg" class="avatar"> <span
								class="name">Megan Abbott</span> <span class="time">1:32PM</span>
								<div class="message">Lorem ipsum dolor sit amet, consectetuer
									adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
									laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
									minim veniam, quis nostrud exerci tation ullamcorper suscipit
									lobortis nisl ut aliquip ex ea commodo consequat.</div></li>
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar3.jpg" class="avatar"> <span
								class="name">Ann Kovalsky</span> <span class="time">1:32PM</span>
								<div class="message">Lorem ipsum dolor sit amet, consectetuer
									adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
									laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
									minim veniam, quis nostrud exerci tation ullamcorper suscipit
									lobortis nisl ut aliquip ex ea commodo consequat.</div></li>
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar.jpg" class="avatar"> <span
								class="name">Łukasz Holeczek</span> <span class="time">1:32PM</span>
								<div class="message">Lorem ipsum dolor sit amet, consectetuer
									adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
									laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
									minim veniam, quis nostrud exerci tation ullamcorper suscipit
									lobortis nisl ut aliquip ex ea commodo consequat.</div></li>
							<li><img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar4.jpg" class="avatar"> <span
								class="name">Megan Abbott</span> <span class="time">1:32PM</span>
								<div class="message">Lorem ipsum dolor sit amet, consectetuer
									adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
									laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
									minim veniam, quis nostrud exerci tation ullamcorper suscipit
									lobortis nisl ut aliquip ex ea commodo consequat.</div></li>
						</ul>
						<div class="form">
							<input type="text" placeholder="Write Message"
								class="write-message">
						</div>
					</div>

				</div>

			</div>

			<div class="row-fluid">

				<div ondesktop="span8" ontablet="span12" class="box span8">
					<div class="box-header">
						<h2>tickets</h2>
					</div>
					<div style="height: 308px" class="box-content">
						<div style="height: 308px; padding: 0px; position: relative;"
							class="span12" id="stats-chart2">
							<canvas class="base" width="745" height="308"></canvas>
							<canvas class="overlay" width="745" height="308"
								style="position: absolute; left: 0px; top: 0px;"></canvas>
							<div style="font-size: smaller" class="tickLabels">
								<div style="color: #545454" class="xAxis x1Axis">
									<div
										style="position: absolute; text-align: center; left: 36px; top: 288px; width: 46px"
										class="tickLabel">2</div>
									<div
										style="position: absolute; text-align: center; left: 85px; top: 288px; width: 46px"
										class="tickLabel">4</div>
									<div
										style="position: absolute; text-align: center; left: 134px; top: 288px; width: 46px"
										class="tickLabel">6</div>
									<div
										style="position: absolute; text-align: center; left: 183px; top: 288px; width: 46px"
										class="tickLabel">8</div>
									<div
										style="position: absolute; text-align: center; left: 231px; top: 288px; width: 46px"
										class="tickLabel">10</div>
									<div
										style="position: absolute; text-align: center; left: 280px; top: 288px; width: 46px"
										class="tickLabel">12</div>
									<div
										style="position: absolute; text-align: center; left: 329px; top: 288px; width: 46px"
										class="tickLabel">14</div>
									<div
										style="position: absolute; text-align: center; left: 377px; top: 288px; width: 46px"
										class="tickLabel">16</div>
									<div
										style="position: absolute; text-align: center; left: 426px; top: 288px; width: 46px"
										class="tickLabel">18</div>
									<div
										style="position: absolute; text-align: center; left: 475px; top: 288px; width: 46px"
										class="tickLabel">20</div>
									<div
										style="position: absolute; text-align: center; left: 524px; top: 288px; width: 46px"
										class="tickLabel">22</div>
									<div
										style="position: absolute; text-align: center; left: 572px; top: 288px; width: 46px"
										class="tickLabel">24</div>
									<div
										style="position: absolute; text-align: center; left: 621px; top: 288px; width: 46px"
										class="tickLabel">26</div>
									<div
										style="position: absolute; text-align: center; left: 670px; top: 288px; width: 46px"
										class="tickLabel">28</div>
									<div
										style="position: absolute; text-align: center; left: 719px; top: 288px; width: 46px"
										class="tickLabel">30</div>
								</div>
								<div style="color: #545454" class="yAxis y1Axis">
									<div
										style="position: absolute; text-align: right; top: 273px; right: 715px; width: 30px"
										class="tickLabel">0</div>
									<div
										style="position: absolute; text-align: right; top: 217px; right: 715px; width: 30px"
										class="tickLabel">2500</div>
									<div
										style="position: absolute; text-align: right; top: 161px; right: 715px; width: 30px"
										class="tickLabel">5000</div>
									<div
										style="position: absolute; text-align: right; top: 105px; right: 715px; width: 30px"
										class="tickLabel">7500</div>
									<div
										style="position: absolute; text-align: right; top: 49px; right: 715px; width: 30px"
										class="tickLabel">10000</div>
									<div
										style="position: absolute; text-align: right; top: -6px; right: 715px; width: 30px"
										class="tickLabel">12500</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div ondesktop="span4" ontablet="span12" class="box span4 noMargin">
					<div class="box-header">
						<h2>
							<i class="icon-check"></i>To Do List
						</h2>
						<div class="box-icon">
							<a class="btn-setting" href="#"><i class="icon-wrench"></i></a> <a
								class="btn-minimize" href="#"><i class="icon-chevron-up"></i></a>
							<a class="btn-close" href="#"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div class="todo">
							<ul class="todo-list ui-sortable">
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">Windows Phone 8 App</span> <span
									class="label label-important">today</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">New frontend layout</span> <span
									class="label label-important">today</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">Hire developers</span> <span
									class="label label-warning">tommorow</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">Windows Phone 8 App</span> <span
									class="label label-warning">tommorow</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">New frontend layout</span> <span
									class="label label-success">this week</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">Hire developers</span> <span
									class="label label-success">this week</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">New frontend layout</span> <span
									class="label label-info">this month</span></li>
								<li><span class="todo-actions"> <a href="#"><i
											class="icon-check-empty"></i></a>
								</span> <span class="desc">Hire developers</span> <span
									class="label label-info">this month</span></li>
							</ul>
						</div>
					</div>
				</div>

			</div>

			<div class="row-fluid">

				<div class="span12 discussions">

					<ul>

						<li>
							<div class="author">
								<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar.jpg">
							</div>

							<div class="name">Łukasz Holeczek</div>
							<div class="date">Today, 1:08 PM</div>
							<div class="delete">
								<i class="icon-remove"></i>
							</div>

							<div class="message">Lorem ipsum dolor sit amet, consectetuer
								adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
								minim veniam, quis nostrud exerci tation ullamcorper suscipit
								lobortis nisl ut aliquip ex ea commodo consequat.</div>

							<ul>

								<li>
									<div class="author">
										<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar3.jpg">
									</div>
									<div class="name">Ann Kovalsky</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete">
										<i class="icon-remove"></i>
									</div>

									<div class="message">Lorem ipsum dolor sit amet, consectetuer
										adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
										laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
										minim veniam, quis nostrud exerci tation ullamcorper suscipit
										lobortis nisl ut aliquip ex ea commodo consequat.</div>

								</li>

								<li>
									<div class="author">
										<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar6.jpg">
									</div>
									<div class="name">Megan Abbott</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete">
										<i class="icon-remove"></i>
									</div>

									<div class="message">Lorem ipsum dolor sit amet, consectetuer
										adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
										laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
										minim veniam, quis nostrud exerci tation ullamcorper suscipit
										lobortis nisl ut aliquip ex ea commodo consequat.</div>
								</li>

								<li>
									<div class="author">
										<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar.jpg">
									</div> <textarea placeholder="Write comment" class="diss-form"
										style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 57px;"></textarea>
								</li>

							</ul>

						</li>

						<li>
							<div class="author">
								<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar9.jpg">
							</div>

							<div class="name">Tom Allen</div>
							<div class="date">Today, 1:08 PM</div>
							<div class="delete">
								<i class="icon-remove"></i>
							</div>

							<div class="message">Lorem ipsum dolor sit amet, consectetuer
								adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
								minim veniam, quis nostrud exerci tation ullamcorper suscipit
								lobortis nisl ut aliquip ex ea commodo consequat.</div>

							<ul>

								<li>
									<div class="author">
										<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar2.jpg">
									</div>
									<div class="name">Katie Moss</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete">
										<i class="icon-remove"></i>
									</div>

									<div class="message">Lorem ipsum dolor sit amet, consectetuer
										adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
										laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
										minim veniam, quis nostrud exerci tation ullamcorper suscipit
										lobortis nisl ut aliquip ex ea commodo consequat.</div>

								</li>

								<li>
									<div class="author">
										<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar4.jpg">
									</div>
									<div class="name">Anna Holn</div>
									<div class="date">Today, 1:08 PM</div>
									<div class="delete">
										<i class="icon-remove"></i>
									</div>

									<div class="message">Lorem ipsum dolor sit amet, consectetuer
										adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
										laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
										minim veniam, quis nostrud exerci tation ullamcorper suscipit
										lobortis nisl ut aliquip ex ea commodo consequat.</div>
								</li>

								<li>
									<div class="author">
										<img alt="avatar" src="<?php echo $theme_path.'images/'?>avatar9.jpg">
									</div> <textarea placeholder="Write comment" class="diss-form"
										style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 57px;"></textarea>
								</li>

							</ul>

						</li>

					</ul>

				</div>

			</div>



		</div>
		<!-- end: Content -->
	</div>
	<div id="myModal" class="modal hide fade">
		<div class="modal-header">
			<button data-dismiss="modal" class="close" type="button">×</button>
			<h3>Settings</h3>
		</div>
		<div class="modal-body">
			<p>Here settings can be configured...</p>
		</div>
		<div class="modal-footer">
			<a data-dismiss="modal" class="btn" href="#">Close</a> <a
				class="btn btn-primary" href="#">Save changes</a>
		</div>
	</div>
	<div class="clearfix"></div>
<?php $this->load->view($view_path.'/common/footer.php');?>